<template>
  <div class="Xuan">
    <div class="btn">
      <ul class="btn-ul">
        <li v-on:click="va =1">羽绒服</li>
        <li v-on:click="va =2">毛衣</li>
        <li v-on:click="va =3">厚外套</li>
        <li v-on:click="va =4">下装</li>
        <li v-on:click="va =5">童装</li>
        <li v-on:click="va =6">内衣/鞋子</li>
        <li v-on:click="va =7">美容保健</li>
      </ul>
    </div>
    <div>
      <div v-show="va===1">
       1
      </div>
      <div v-show="va===2">
        2
      </div>
      <div v-show="va===3">
        3
      </div>
      <div v-show="va===4">
        4
      </div>
      <div v-show="va===5">
        5
      </div>
      <div v-show="va===6">
        6
      </div>  
      <div v-show="va===7">
        7
      </div> 
  </div>
</template>

<script>
export default {
  data(){
  return {
    va:1
  }
}
}













</script>

<style>
*{
  margin:0;
  padding:0;
  }
  .btn{
    margin:0 auto;
  }
  .btn-ul{
    height:25px;
  }
  /* .btn-ul li{
    background:rgb(
    color:"white";
    list-style:none;
    float:left;
    margin-right:30px;
  } */

</style>